.headerbar { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; height: 0.88rem; line-height: 0.88rem; background: #fff; font-size: 0.28rem; }

.headerbar .headerbar-left { text-align: left; width: 1.76rem; height: 0.88rem; font-size: 0; }

.headerbar .headerbar-left .navigation { display: inline-block; width: 0.88rem; height: 0.88rem; text-align: center; }

.headerbar .headerbar-left .navigation .icon-zuojiantou { font-size: 0.4rem; color: #232628; }

.headerbar-center { -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; }

.headerbar-center .headerbar-content { font-size: 0.32rem; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.headerbar-right { text-align: right; width: 1.76rem; height: 0.88rem; font-size: 0; }

.headerbar-right .navigation { display: inline-block; width: 0.88rem; height: 0.88rem; text-align: center; }

.headerbar-right .navigation i { font-size: 0.4rem; color: #232628; }

.headerbar-right .headerbar-menu-toggle { position: relative; }

.headerbar-menu { display: none; position: absolute; top: 100%; right: 0.16rem; z-index: 9; background: #fff; border: 1px solid #E9ECF0; border-radius: 0.02rem; box-shadow: 0 4px 12px 0 #E9ECF0; }

.headerbar-menu::before { content: ""; position: absolute; top: -0.08rem; right: 0.24rem; width: 0.08rem; height: 0.08rem; background: #fff; border-top: 1px solid #E9ECF0; border-left: 1px solid #E9ECF0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.headerbar-menu-item { height: 0.96rem; text-align: left; line-height: 0.88rem; }

.headerbar-menu-item .nei { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding: 0 0.24rem; font-size: 14px; color: #232628; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.headerbar-menu-item .nei .iconfont { font-size: 0.4rem; }

.headerbar-menu-item .nei span { font-size: 14px; color: #232628; margin-left: 0.12rem; }

.hualogo { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 0.48rem; text-align: center; margin-top: 0.68rem; }

.hualogo img { width: 3.66rem; height: 0.48rem; }

.quick { margin: 1.6rem auto 0.4rem; border-top: 1px solid rgba(0, 0, 0, 0.1); width: 89.4%; }

.quick .quick-tips { color: rgba(0, 0, 0, 0.2); width: 2.8rem; margin: -0.22rem auto 0.32rem; background: #fff; text-align: center; font-size: 0.28rem; }

.quick-login { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; height: 0.48rem; }

.quick-login .quick-login-item { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; height: 100%; line-height: 0.48rem; text-align: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.quick-login .quick-login-item .iconfont { color: #1CACEA; font-size: 0.48rem; vertical-align: middle; }

.quick-login .quick-login-item span { margin-left: 0.16rem; font-size: 13px; }

body { color: #232628; }

.login, .reg { margin-top: 0.62rem; padding: 0 0.4rem; }

.login-item { border-bottom: 0.02rem #e9ecf0 solid; }

.login-item .login-item-title { font-size: 0.26rem; }

.login-item .login-item-info { margin-top: 0.08rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

.login-item .login-item-info .dl-zhanghao { -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 0.28rem; outline: none; border: none; padding: 0.14rem 0 0.14rem 0.04rem; color: #232628; }

.login-item .login-item-info .dl-mima { -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 0.28rem; outline: none; border: none; padding: 0.14rem 0 0.14rem 0.04rem; color: #232628; }

.to-login, .login-by-password { cursor: pointer; margin-top: 0.82rem; height: 0.84rem; line-height: 0.84rem; color: #fff; font-size: 0.34rem; border-radius: 0.42rem; width: 6.7rem; text-align: center; border: 0.02rem solid #ff734c; outline: none; margin: 0 auto; }

button.active { background: #ff734c; }

.ffff.active { display: block; }

.ffff { display: none; }

.login-by-password, .to-login { cursor: pointer; margin-top: 0.6rem; color: #71797f; font-size: 0.34rem; text-align: center; }

.login-item + .login-item { margin-top: 0.5rem; }

.butss { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }
